<?php include('header.php')?>
	<style type="text/css">
		.navbar-inverse .navbar-nav>li>a{ color:#cbcbcb}
		.clearfix:after{ content:''; display:block; height:0; clear:both; font-size:0;}
		ul,li,ol{ list-style:none; padding:0; margin:0}
		.table-striped td{padding-top: 10px;padding-bottom: 10px}
		a{font-size:14px;}
		a:hover, a:active{text-decoration:none; color:red;}
		.hover td{padding-left:10px;}
		.designer a{border-right:1px #DDD solid; margin-right:10px; padding-right:14px; color:#333;}
		.designer a:last-child{ border-right:0 none;}
		.subMenuContainer .subMenuInp,.parentmenu .parentMenuInp{ margin-right:12px;}
		.modal-dialog .radio-inline{width:32.5%; padding:5px 0 5px 20px; margin-left:0;}
		.subMenuCon{ margin-top:20px; padding-left:80px; background:url("http://www.12301.cc/wx_public/images/bg_repno.gif") no-repeat -245px -545px; }
		#menuTbody .parentmenu .setParentActionBtn.disabled{ display:none;}
		.gMaskLayer{ position:fixed; z-index:3000; top:0; left:0; right:0; bottom:0; background:#000; background:rgba(0,0,0,.5);}
		.gDialogContainer{ display:block; width:600px; z-index:3001; top:-1000px; bottom:auto; left:50%; right:auto; margin-left:-300px;}
		.menuFootBtns{ margin-right:15px;}
		.errMsg{ color:red; margin-right:5px;}
		#gDialog-customSetCon{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #e5e5e5}
		#gDialog-customSetCon li{ width:100%; overflow:hidden; margin-bottom:5px;}
		#gDialog-customSetCon .radio-inline{ width:22%; float:left;}
		#gDialog-customSetCon .form-control{ width:77%; float:left}
		.customLinkTip{ clear:both; float:left; margin-left:22%; margin-top:2px; color:#737373}
		#platformTipWrap{ text-align:left; padding:5px 10px; padding-top:10px; margin-top:10px; border-top:1px solid #e5e5e5; color:#737373}
	</style>
	<title>自定义菜单</title>
</head>
<body>
	<div class="navbar navbar-inverse navbar-static-top" role="navigation" style="position:static;">
		<div class="container-fluid">
			<ul class="nav navbar-nav">
				<li><a href="http://www.12301.cc"><i class="fa fa-reply-all"></i>返回系统</a></li>
			</ul>
		</div>
	</div>
	<div class="container-fluid">
		<div class="row">
			<div class="col-xs-12 col-sm-3 col-lg-2">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h4 class="panel-title"><a data-toggle="collapse" href="#frame-0">基本功能</a></h4>
					</div>
					<ul class="list-group in" id="frame-0">
						<li class="list-group-item" style="cursor:pointer;">文字回复<a class="pull-right" href=""><i class="fa fa-plus"></i></a></li>
						<li class="list-group-item" style="cursor:pointer;">图文回复	<a class="pull-right"><i class="fa fa-plus"></i></a></li>
						<li class="list-group-item" style="cursor:pointer;">音乐回复<a class="pull-right" href=""><i class="fa fa-plus"></i></a></li>
						<li class="list-group-item" style="cursor:pointer;">自定义接口回复	<a class="pull-right" href=""><i class="fa fa-plus"></i></a></li>
					</ul>
				</div>
				<div class="panel panel-default">
					<div class="panel-heading">
						<h4 class="panel-title"><a data-toggle="collapse" href="#frame-0">高级功能</a></h4>
					</div>
					<ul class="list-group in" id="frame-1">
						<li class="list-group-item" style="cursor:pointer;">常用服务接入<a class="pull-right" href=""></a></li>
						<li class="list-group-item active" style="cursor:pointer;">自定义菜单	<a class="pull-right"></a></li>
						<li class="list-group-item" style="cursor:pointer;">特殊回复<a class="pull-right" href=""></a></li>
						<li class="list-group-item" style="cursor:pointer;">二维码管理	<a class="pull-right" href=""></a></li>
					</ul>
				</div>
			</div>
			<div class="col-xs-12 col-sm-9 col-lg-10">
				<div class="panel panel-default">
					<div class="panel-heading">
						菜单设计器 <span class="text-muted">编辑和设置公众号菜单, 必须自定义菜单权限。</span>
					</div>
					<div class="table-responsive panel-body">
						<table class="table table-hover">
							<tbody id="menuTbody" class="designer ui-sortable">
								<!--<tr class="hover ng-scope" ng-repeat="menu in menus">-->
									<!--<td style="border-top:none;">-->
										<!--<div class="parentmenu">-->
											<!--<input type="hidden" data-role="parent" data-hash="00K">-->
											<!--<input type="text" class="form-control ng-pristine ng-valid" style="display:inline-block;width:300px;" ng-model="menu.title">-->
											<!--<a href="javascript:;" style="border-left:0 none" title="设置此菜单动作"><i class="fa fa-pencil"></i> 设置此菜单动作</a>-->
											<!--<a href="javascript:;" title="删除此菜单"><i class="fa fa-remove"></i> 删除此菜单</a>-->
											<!--<a href="javascript:;" title="添加子菜单"><i class="fa fa-plus"></i> 添加子菜单</a>-->
										<!--</div>-->
										<!--<div class="subMenuContainer" class="designer sonmenu">-->
											<!--<div ng-repeat="sub in menu.subMenus" style="margin-top:20px;padding-left:80px;background:url('http://www.12301.cc/wx_public/images/bg_repno.gif') no-repeat -245px -545px;" class="ng-scope">-->
												<!--<input type="hidden" data-role="sub" data-hash="00O">-->
												<!--<input type="text" class="form-control ng-pristine ng-valid" style="display:inline-block;width:220px;" ng-model="sub.title">-->
												<!--<a class="setActionBtn" href="javascript:;" style="border-left:0 none" title="设置此菜单动作"><i class="fa fa-pencil"></i> 设置此菜单动作</a>-->
												<!--<a class="removeSubMenuBtn" href="javascript:;" title="删除此菜单"><i class="fa fa-remove"></i> 删除此菜单</a>-->
											<!--</div>-->
										<!--</div>-->
									<!--</td>-->
								<!--</tr>-->
							</tbody>
						</table>
					</div>
					<div class="panel-footer">
						<a id="addMenuBtn" href="javascript:;" class="menuFootBtns">添加菜单 <i class="fa fa-plus-circle" title="添加菜单"></i></a></span>
						<a id="submitMenuDataBtn" href="javascript:;" class="menuFootBtns">保存菜单结构 <i class="fa fa-save" title="保存菜单结构"></i></a></span>
					</div>
				</div>
			</div>
		</div>
	</div>


	<div id="gDialogContainer" class="modal fade in gDialogContainer">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button id="gDialog-colseBtn" type="button" class="close">×</button>
					<h3 id="gDialog-title">选择菜单 【未命名菜单】 要执行的操作</h3>
				</div>
				<div id="gDialog-body" class="modal-body">
					<ul id="gDialog-customSetCon" class="gDialog-customSetCon">
						<li class="clearfix">
							<label class="radio-inline"><input type="radio" name="action" data-name="自定义关键字" data-code="" value="click" class="actionRadioInp customSet keyword"> 自定义关键字</label>
							<input name="action" id="customInp-keyword" class="customInp keyword actionRadioInp form-control" type="text" placeholder="请输入自定义关键字"/>
						</li>
						<li class="clearfix">
							<label class="radio-inline"><input type="radio" name="action" data-name="自定义链接" data-code="" value="click" class="actionRadioInp customSet link"> 自定义链接</label>
							<input name="action" id="customInp-link" class="customInp link actionRadioInp form-control" type="text" value="http://"/>
							<p class="customLinkTip">指定点击此菜单时要跳转的链接（注：链接需加http://）</p>
						</li>
					</ul>
					<div id="gDialog-menuListUl" class="gDialog-menuListUl"></div>
					<div id="platformTipWrap" class="platformTipWrap"><strong>注意: 由于接口限制. 如果你没有网页oAuth接口权限, 这里输入链接直接进入微站个人中心时将会有缺陷(有可能获得不到当前访问用户的身份信息. 如果没有oAuth接口权限, 建议你使用图文回复的形式来访问个人中心)</strong></div>
				</div>
				<div class="modal-footer">
					<a id="gDialog-saveBtn" href="javascript:;" class="pull-right btn btn-primary span2">添加</a>
					<a id="gDialog-cancelBtn" href="javascript:;" class="pull-right btn span2">取消</a>
				</div>
			</div>
		</div>
	</div>
	<div style="display:none" id="gMaskLayer" class="gMaskLayer"></div>
	<?php include('footer.php')?>
	<script type="text/javascript" src="http://www.12301.cc/wx_public/js/main.js"></script>
</body>